<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:c="http://java.sun.com/jsf/composite/componentes"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                template="../template.xhtml">
    <ui:define name="conteudo">        
        <h:form styleClass="form-estilo" prependId="false" rendered="#{listarMusica.autorizar('PAPEL_LISTAR_MUSICA')}">
            <h2>Pesquisar Música</h2>
            <c:filtro titulo="Pesquisar Música"
                      controle="#{listarMusica}"
                      navegacao="EDITAR_MUSICA_REDIRECIONAR"
                      ativarBotaoIncluir="#{listarMusica.autorizar('PAPEL_INCLUIR_MUSICA')}"
                      ativarBotaoPesquisar="#{listarMusica.autorizar('PAPEL_PESQUISAR_MUSICA')}">
                <f:facet name="filtro">
                    <h:panelGrid columns="3">
                        <h:outputLabel value="#{i18n.musica_nome}"/>
                        <h:outputLabel value="#{i18n.musica_artista}"/>
                        <h:outputLabel value="#{i18n.musica_album}"/>
                        <h:inputText value="#{listarMusica.nome}" size="30"/>
                        <h:inputText value="#{listarMusica.artista}"  size="30"/>
                        <h:inputText value="#{listarMusica.album}"  size="30"/>
                    </h:panelGrid>
                </f:facet>
            </c:filtro>
            <c:tabela listarBean="#{listarMusica}" 
                      navegacao="EDITAR_MUSICA_REDIRECIONAR"
                      objetos="#{listarMusica.lista}"
                      ativarIconeEditar="#{listarMusica.autorizar('PAPEL_EDITAR_MUSICA')}"
                      ativarIconeRemover="#{listarMusica.autorizar('PAPEL_REMOVER_MUSICA')}">
                <h:column>
                    <f:facet name="header">
                        <h:outputText value="#{i18n.musica_nome}"/>
                    </f:facet>
                    <h:outputText value="#{objeto.nome}"/>
                </h:column>
                <h:column>
                    <f:facet name="header">
                        <h:outputText value="#{i18n.musica_artista}"/>
                    </f:facet>
                    <h:outputText value="#{objeto.artista}"/>
                </h:column>
                <h:column>
                    <f:facet name="header">
                        <h:outputText value="#{i18n.musica_album}"/>
                    </f:facet>
                    <h:outputText value="#{objeto.album}"/>
                </h:column>
                <h:column>
                    <f:facet name="header">
                        <h:outputText value="#{i18n.musica_letra}"/>
                    </f:facet>
                    <h:outputLink target="_blank" value="#{objeto.letra}">
                            <h:graphicImage value="#{resource['img:letra.png']}" style="border: 0px;"/>
                    </h:outputLink>
                </h:column>
                <h:column>
                    <f:facet name="header">
                        <h:outputText value="#{i18n.musica_cifra}"/>
                    </f:facet>
                    <h:outputLink target="_blank" value="#{objeto.cifra}">
                            <h:graphicImage value="#{resource['img:cifra.png']}" style="border: 0px;"/>
                    </h:outputLink>
                </h:column>                
            </c:tabela>
        </h:form>
    </ui:define>
</ui:composition>
